﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>${dp.main_title }_商品搜索_盖帽网</title>
<link rel="icon" href="resources/images/favicon.ico" type="image/x-icon" />
<link href="resources/css/all.css" rel="stylesheet" type="text/css" />
<link href="resources/css/detail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="resources/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="resources/js/detail.js"></script>
<style type="text/css"></style>
</head>
<body>
<div id="header">
  <div id="search_bar-s">
   <div id="logo_s"><a href="./"><img src="resources/images/logo_s.png"></a></div>
    <div id="search-fields-s">
      <form action="search" target="_top" id="search-form">
        <div class="input-bg-s">
			<input type="text" name="kw" class="input-txt" id="search-kw-s" autocomplete="off" >
          	<input type="hidden" name="page" value="1">
			<input type="hidden" name="sorter" value="1">
        </div>
        <input type="submit" value="" id="search-btn-s" class="">
      </form>
    </div>
  </div>
</div>
<div id="content-s">
  <div id="content">
    <div id="detail">
      <h1> ${dp.main_title } </h1>
      <div id="detail-left"><img alt="" src="${dp.detail_left_pic}"> </div>
      <div id="detail-middle">
        <ul>
          <li class="li-price">参考价：<span class="li-price-span">${dp.price_title }</span>(${fn:length(dp.l_di)}个商家)</li>
          <li class="li-type">所属类别：${dp11112.type_title }</li>
          <li class="li-type">所属品牌：${dp.brand_title}</li>
          <li class="li-share"><!-- JiaThis Button BEGIN -->
<div class="jiathis_style">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_qzone"></a>
	<a class="jiathis_button_tsina"></a>
	<a class="jiathis_button_tqq"></a>
	<a class="jiathis_button_renren"></a>
	<a class="jiathis_button_kaixin001"></a>
	<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1348816323494905" charset="utf-8"></script>
<!-- JiaThis Button END --></li>
        </ul>
      </div>
      <div id="detail-right"> 
      <span id="detail-right-title">价格走势</span>
      <object
        width="500" height="200"
        classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="fla_obj"
        codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
        <param value="pricetrends.swf" name="movie">
        <param name="quality" value="high">
        <param name="bgcolor" value="#FFFFFF">
        <param name="allowScriptAccess" value="always">
        <param name="wmode" value="window">
        <param name="flashvars" value="all=1&phs=${dp.price_history_all}">
        <embed width="500" height="200" align="middle"
                src="resources/swf/pricetrends.swf" bgcolor="#FFFFFF" play="true"
                loop="false" quality="high" wmode="window"
                flashvars="all=1&phs=${dp.price_history_all}"
                allowscriptaccess="always" type="application/x-shockwave-flash"
                pluginspage="http://www.adobe.com/go/getflashplayer" id="fla_embed"></object>
      
      </div>
    </div>
    <div id="shop-list-content">
      <div id="shop-list">
        <div class="tabs">
          <ul id="J_detail_tabs_label" class="ks-switchable-nav clear-fix">
            <li class="active"> <a class="h5"> 到哪儿买 </a> </li>
            <li> <a class="h5"> 二手转让 </a> </li>
          </ul>
        </div>
        <div class="b2c-merchant-table">
          <table border="0" width="100%" class="compare-table J-compare-table">
            <thead>
              <tr>
                <th class="cd-tablehead th-source">商家</th>
                <th class="cd-tablehead th-product">商品</th>
                <th class="cd-tablehead th-price">价格</th>
              </tr>
            </thead>
            <tbody>
            	<c:forEach var="di" items="${dp.l_di}"> 
		        	<tr>
		              	<td><img src="resources/images/shoplogo/${di.source}.jpg" /></td>
		   				<td colspan="2">
		   					<c:forEach var="dis" items="${di.dis}" varStatus="status"> 
		   					<ul class="ul-detail-item-sub  <c:if test="${status.count>1}">ul-detail-item-sub-hidden</c:if>">
			                    <li class="product-info">
			                    	<a  target=_blank class="pi-product-title" href="${dis.url}">${dis.name }</a>
			                    	<span  class="pi-product-source">${dis.sub_source}</span>
			                    </li>
			                    <li class="product-price">
			                    	<span class="pp-product-price">${dis.price}元</span>
			                    	<span class="pp-product-price-pic"><img  src="resources/images/price_${dis.price_trend}.png"/></span>
			                    	<span class="pp-product-price-date">更新于一天前</span>
			                    </li>
			                    <li class="product-buy">
			                    <a  target=_blank href="${dis.url}" class="btn">购买</a>
			                    
			                    </li>
		                  	</ul>
		                  	</c:forEach>
		                   	<c:if test="${fn:length(di.dis)>1}">		
							 	<ul>
							 		<li><span class="product-amount">共${fn:length(di.dis)}件商品</span></li>
							 		<li><a class="expand">展开更多 &gt</a><a class="shrink">&lt 收起</a></li>
							 	</ul>
							</c:if>	
		                  </td>
		              </tr>
              	</c:forEach>
            </tbody>
          </table>
        </div>
        <div id="page-link-content">
         <!-- 
        	 <a href="">上一页</a> <a href=""  class="page-link-act">1</a> <a href="">2</a> <a href="">3</a> <a href="">4</a> <a href="">5</a> <a href="">7</a> <a href="">8</a> <a href="">9</a> <a href="">10</a> <a href="">11</a> <a href="">12</a> <a href="">13</a> <a href="">14</a> <a href="">15</a> <a href="">下一页</a> 
        	  -->
        	 </div>
      </div>
      <c:if test="${fn:length(rp.type93)>1}">	
      <div id="guess-like">
        <div id="guess-like-title"><span>也许你还喜欢</span></div>
        <div id="guess-like-content">
          <c:forEach var="t" items="${rp.type93}"> 
	           <ul>
	            <li><a  target=_blank href="${t.url}"><img src="${t.picurl }" /></a></li>
	            <li class="guess-like-content-title"><a  target=_blank href="${t.url }">${t.name }</a></li>
	            <li class="guess-like-content-price">${t.price}元</li>
	          </ul>
	        </c:forEach>
        </div>
        <div></div>
      </div>
      </c:if>
    </div>
    <div id="other-product">
    <c:if test="${fn:length(rp.type92)>1}">	
      <div id="same-price">
        <div id="same-price-title"><span>同价位产品</span></div>
        <div id="same-price-content">
	        <c:forEach var="t" items="${rp.type92}"> 
	           <ul>
	            <li class="same-price-content-pic-li"><a  target=_blank href="${t.url}"><img src="${t.picurl }" /></a></li>
	            <li><a  target=_blank href="${t.url }">${t.name }</a></li>
	            <li>${t.price}</li>
	          </ul>
	        </c:forEach>
        </div>
      </div>
      </c:if>
      <c:if test="${fn:length(rp.type91)>1}">	
      <div id="same-brand">
        <div id="same-brand-title"><span>同品牌产品</span></div>
        <div id="same-brand-content">
        	<c:forEach var="t" items="${rp.type91}"> 
	           <ul>
	            <li class="same-price-content-pic-li"><a  target=_blank href="${t.url}"><img src="${t.picurl }" /></a></li>
	            <li><a  target=_blank href="${t.url }">${t.name }</a></li>
	            <li>${t.price}</li>
	          </ul>
	        </c:forEach>
        </div>
      </div>
      </c:if>
    </div>
  </div>
</div>
<div id="footer">
  <div id="info"><a>关于盖帽网</a><a>新浪微博</a><a>联系我们</a><a>官方博客</a><a>淘同款</a><a>网站地图</a></div>
  <div id ="copyright">Copyright &#169 2009-2012 taotaosou.com 浙ICP备10046883</div>
</div>
</body>
</html>
